<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="referrer" content="no-referrer" />
      <title>华为官网主页</title>
      <!-- 引入字体图标 -->
      <link rel="stylesheet" href="./static/iconfont/iconfont.css">
      <!-- 引入swiper插件的css文件 -->
      <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.css">
      <!-- 引入index.css文件 -->
      <link rel="stylesheet" href="./css/index.css">
</head>

<body class="zq">
      <!-- top模块 -->
      <div class="top-nav">
            <div class="top-container">
                  <div class="pull-right">
                        <a href="javascript:;">
                              <span class="iconfont">&#xe609;</span>
                              <span>集团网站</span>
                              <span class="iconfont">&#xe62c;</span>
                        </a>
                        <a href="javascript:;">
                              <span class="iconfont">&#xe72c;</span>
                              <span>选择区域/语言</span>
                              <span class="iconfont">&#xe62c;</span>
                        </a>
                        <a href="login.html" target="_blank">
                              <span class="iconfont">&#xe615;</span>
                              <span>登录</span>
                        </a>
                  </div>
            </div>
      </div>
      <!-- header模块 -->
      <div class="header">

            <div class="header-container">
                  <div class="logo">
                        <img src="//www-file.huawei.com/-/media/corporate/images/home/logo/huawei_logo.png" alt="">
                  </div>
                  <div class="header-right">
                        <!-- 购买模块 -->
                        <div class="shopping">
                              <span class="iconfont">&#xe635;</span>
                              <span><a href="shopcart.html" target="_blank">在线购买</a></span>
                              <span><a href="./list.html">&nbsp;列表详情</a></span>
                        </div>
                        <!-- 搜索模块 -->
                        <a href="javascript:;"><span class="iconfont sou">&#xe60c;</span></a>
                  </div>
                  <ul class="header-center">
                        <div class="menu">
                              <div class="menu_content">
                                    <div class="menu_one">
                                          <h2>合作伙伴</h2>
                                          <ul>
                                                <li>成为合作伙伴</li>
                                                <li>查找合作伙伴</li>
                                                <li>Marketplace</li>
                                                <li>云市场</li>
                                                <li><a href="javascript:;">查看更多&gt;</a></li>
                                          </ul>
                                    </div>
                                    <div class="menu_one">
                                          <h2>培训与认证</h2>
                                          <ul>
                                                <li>学习</li>
                                                <li>华为认证</li>
                                                <li>企业客户培训</li>
                                                <li>华为ICT学院</li>
                                                <li>华为云学院</li>
                                                <li><a href="javascript:;">查看更多&gt;</a></li>
                                          </ul>
                                    </div>
                                    <div class="menu_one">
                                          <h2>云与计算开发者</h2>
                                          <ul>
                                                <li>华为云</li>
                                                <li>鲲鹏</li>
                                                <li>昇腾</li>

                                          </ul>
                                    </div>
                                    <div class="menu_one">
                                          <h2>终端开发者</h2>
                                          <ul>
                                                <li>开发</li>
                                                <li>分发</li>

                                                <li>开发者学院</li>
                                                <li>社区</li>
                                                <li><a href="javascript:;">查看更多&gt;</a></li>
                                          </ul>
                                    </div>
                              </div>
                        </div>
                        <li class="liii">
                              <a href="javascript:;">个人及家庭产品</a>
                        </li>
                        <li class="liii">
                              <a href="javascript:;">商用产品及方案</a>
                        </li>
                        <li class="liii">
                              <a href="javascript:;">服务支持</a>
                        </li>
                        <li class="liii">
                              <a href="javascript:;">合作伙伴与开发者</a>
                        </li>
                        <li class="liii">
                              <a href="javascript:;">关于华为</a>
                        </li>
                  </ul>

            </div>
      </div>
      <!-- banner轮播图模块 -->
      <div class="banner">
            <div class="swiper-container" id="swiper">
                  <div class="swiper-wrapper">
                        <div class="swiper-slide">
                              <img src="https://www-file.huawei.com/-/media/corp2020/home/banner/4/hwcloud-618-2.jpg"
                                    alt="">
                        </div>
                        <div class="swiper-slide">
                              <img src="https://www-file.huawei.com/-/media/corp2020/home/cbg/0602/watch_3_cn2.jpg"
                                    alt="">
                        </div>
                        <div class="swiper-slide">
                              <img src="https://www-file.huawei.com/-/media/corp2020/home/banner/4/vmall-618.jpg"
                                    alt="">
                        </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-pagination">

                  </div>
            </div>
      </div>
      <!-- container推荐信息模块 -->
      <div class="container-one zq">
            <div class="title">
                  推荐信息
            </div>
            <div class="line"></div>
            <div class="group">

            </div>
            <div style="clear: both;"></div>

      </div>
      <!-- tech模块 -->
      <div class="tech">
            <img class="img" data-original="//www-file.huawei.com/-/media/corp2020/home/sbanner/1/love-passon2.jpg"
                  alt="">
            <a href="javascript:;" class="more">了解更多</a>
      </div>
      <!-- container新闻与活动模块 -->
      <div class="container-two zq">
            <div class="title">
                  新闻与活动
            </div>
            <div class="line"></div>

            <!-- 展会活动active模块 -->
            <div class="active">



                  <!-- <div class="item">
                        <div class="item-clo">
                              <img src="https://www-file.huawei.com/-/media/corp2020/event/list/techwave-summit.png">
                        </div>
                        <div class="text-box">
                              333
                        </div>
                  </div> -->
            </div>
            <ul class="btn-group">
                  <li><a href="javascript:;">更多活动</a></li>
                  <li><a href="javascript:;">更多新闻</a></li>



            </ul>
      </div>
      <!-- footer模块 -->
      <footer>
            <div class="footer-top">
                  <div>
                        <a href="javascript:;">首页</a>
                  </div>
                  <div>
                        <input type="text" value="请搜索关键字" id="search">

                        <span class="iconfont">&#xe60c;</span>
                        <ul id="list">

                        </ul>
                  </div>

            </div>
            <div class="footer-center">
                  <div class="liebiao">
                        <dl>
                              <dt>关于华为</dt>
                              <dd>
                                    <a href="javascript:;">公司简介</a>
                              </dd>
                              <dd><a href="javascript:;">可持续发展</a></dd>
                              <dd><a href="javascript:;">信任中心</a></dd>
                              <dd><a href="javascript:;">管理层信息</a></dd>
                              <dd><a href="javascript:;">招贤纳士</a></dd>
                        </dl>
                  </div>
                  <div class="liebiao">
                        <dl>
                              <dt>新闻与活动</dt>
                              <a href="javascript:;">新闻</a>
                              </dd>
                              <dd><a href="javascript:;">展会活动</a></dd>
                              <dd><a href="javascript:;">华为直播</a></dd>
                              <dd><a href="javascript:;">媒体图库</a></dd>

                        </dl>
                  </div>
                  <div class="liebiao">
                        <dl>
                              <dt>发现</dt>
                              <dd><a href="javascript:;">华为技术观察</a></dd>
                              <dd><a href="javascript:;">出版物</a></dd>
                        </dl>
                  </div>
                  <div class="liebiao">
                        <dl>
                              <dt>我们的产品</dt>
                              <dd><a href="javascript:;">个人及家庭产品</a></dd>
                              <dd><a href="javascript:;">企业业务产品</a></dd>
                              <dd><a href="javascript:;">运营商网络产品</a></dd>
                              <dd><a href="javascript:;">华为云服务</a></dd>
                        </dl>
                  </div>
                  <div class="liebiao">
                        <dl>
                              <dt>技术支持</dt>
                              <dd><a href="javascript:;">消费者技术支持</a></dd>
                              <dd><a href="javascript:;">华为云技术支持</a></dd>
                              <dd><a href="javascript:;">企业技术支持</a></dd>
                              <dd><a href="javascript:;">运营商技术支持</a></dd>
                              <dd><a href="javascript:;">产品安全通告</a></dd>
                        </dl>
                  </div>
            </div>
            <div class="footer-bottom">
                  <div class="footer-bottomCenter">
                        <ul class="bottom-left">
                              <li>
                                    <a href="javascript:;">华为商城</a>
                              </li>
                              <li>
                                    <a href="javascript:;">华为云</a>
                              </li>
                              <li>
                                    <a href="javascript:;">华为智能光伏</a>
                              </li>
                              <li>
                                    <a href="javascript:;">华为定义社区</a>
                              </li>
                              <li>
                                    <a href="javascript:;">华为心声社区</a>
                              </li>
                        </ul>
                        <div class="bottom-right">
                              <a href="javascript:;"><span class="iconfont">&#xe67a;</span></a>
                              <a href="javascript:;"><span class="iconfont">&#xe8fc;</span></a>
                              <a href="javascript:;"><span class="iconfont">&#xe659;</span></a>
                              <a href="javascript:;"><span class="iconfont">&#xe622;</span></a>
                              <a href="javascript:;"><span class="iconfont">&#xea8b;</span></a>
                        </div>
                  </div>
            </div>
            <div class="copyright">
                  <div class="copyrightCenter">
                        <span>©2021 华为技术有限公司</span>
                        <span><a href="javascript:;">粤A2-20044005号 粤公网安备 44030702002388号</a></span>
                        <ul>
                              <li>
                                    <a href="javascript:;">联系我们</a>
                              </li>
                              <li>
                                    <a href="javascript:;">法律声明</a>
                              </li>
                              <li>
                                    <a href="javascript:;">隐私保护</a>
                              </li>
                              <li>
                                    <a href="javascript:;">除名查询</a>
                              </li>
                        </ul>
                  </div>

            </div>
      </footer>
      <!-- elevat模块 -->
      <ul class="elevat">
            <li><a href="javascript:;">返回顶部</a></li>
            <li><a href="javascript:;">推荐信息</a></li>
            <li class="guiwei"><a href="javascript:;">新闻活动</a></li>
      </ul>
      <!-- 二级菜单模块 -->


</body>
<script src="./static/javascripts/jQuery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.js"></script>
<script src="./javascripts/index.js"></script>



</html>